<template>
  <div>
    <group title="Form" title-color="#04be02">
      <cell title="personalinfo" link="/checkreg/personalinfo">
        <span class="demo-icon" slot="icon">&#xe61b;</span>
      </cell>
      <cell title="vision" link="/checkreg/vision">
        <span class="demo-icon" slot="icon">&#xe61b;</span>
      </cell>
      <cell title="diagnosis" link="/checkreg/diagnosis">
        <span class="demo-icon" slot="icon">&#xe61b;</span>
      </cell>
      <cell title="routineexam" link="/checkreg/routineexam">
        <span class="demo-icon" slot="icon">&#xe61b;</span>
      </cell>
      <cell title="sepecialexam" link="/checkreg/sepecialexam">
        <span class="demo-icon" slot="icon">&#xe61b;</span>
      </cell>
    </group>

  </div>
</template>

<script>
import { Cell, Group } from '../components'

/**
* fix firefox cell bottom border missing
*/

if (/firefox/i.test(navigator.userAgent)) {
  document.querySelector('body').classList.add('firefox')
}

export default {
  components: {
    Cell,
    Group
  },
  data () {
    return {
    }
  }
}
</script>

<style>
@import './style.css';
.center {
  margin-top: 15px;
  text-align: center;
}

body {
  font-family: Helvetica, sans-serif;
  background-color: #fbf9fe;
}

.firefox .weui_cells:after {
  transform-origin: 50% 50%;
}
</style>
